// myInfo.js
var wxCharts = require('../../utils/wxcharts.js'); 
const app = getApp()
Page({
  /**
   * 页面的初始数据
   */
  data: {
    userInfo: {},
    imgSrc: '@2x',
    goodDes: '电影圈第一八卦小能手',
    badDes: '感性有余理性不足'
  },
  init: function (options) {
    // '历史', '娱乐', '剧情', '主创', '技术', '数据'
    let canvasData = [
      this.data.userInfo.typeHistoryAccuracy,
      this.data.userInfo.typeEntertainmentAccuracy,
      this.data.userInfo.typeDramaAccuracy,
      this.data.userInfo.typeCreatorAccuracy,
      this.data.userInfo.typeTechnologyAccuracy,
      this.data.userInfo.typeDataAccuracy
    ]
    // let canvasData = [102,153,30,40,50,123]
    this.judgeGoodOyBad(canvasData)
    let query = wx.createSelectorQuery()
    query.select('#canvasId').boundingClientRect()
    query.exec((res) => {
      this.initRadar(res[0].width, canvasData)
    })
  },
  initRadar(windowWidth, canvasData) {
    new wxCharts({
      canvasId: 'radarCanvas',
      width: windowWidth,
      height: windowWidth,
      type: 'radar',
      background: '#000000',
      disablePieStroke: true,
      categories: ['历史', '娱乐', '剧情', '主创', '技术', '数据'],
      series: [{
        name: '',
        data: canvasData
      }],
      extra: {
        radar: {
          max: 150,
          labelColor: '#ffffff',
          gridColor: '#ffffff'
        }
      }
    });
  },
  judgeGoodOyBad(arry) {
    let goodJob = ['活着的电影史', '电影圈第一八卦小能手', '看万篇电影行万里路', '人称电影圈子百晓生', '打的了嘴炮 抗的了像机', '脑子就是计算机']
    let badJob = ['电影史还是得了解了解', '缺少娱乐精神', '电影内容看完就忘', '可能是人名太难记', '感性有余理性不足', '你的数学一定是体育老师教的']
    let minVal = Math.min.apply(null, arry)
    let minIndex = arry.indexOf(minVal)

    let maxVal = Math.max.apply(null, arry)
    let maxIndex = arry.indexOf(maxVal)
    this.setData({
      goodDes: goodJob[maxIndex],
      badDes: badJob[minIndex]
    })

  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      imgSrc: app.globalData.imgSrc,
      userInfo: app.globalData.userInfo
    })
    this.init(options)
    // this.init2(options)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    return {
      title: '太影达人',
      path: '/pages/index/index',
      success: function (res) {
        // 转发成功
      },
      fail: function (res) {
        // 转发失败
      }
    }
  }
})